<template>
  <div>
    <dv-border-box-13
      :color="['#13148c', '#1b1fff']"
      backgroundColor="rgba(0,0,0,0.1)"
    >
      <div class="head_tit">订单列表</div>
      <dv-scroll-board :config="config" class="table" style="height:38vh" />
    </dv-border-box-13>
  </div>
</template>

<script>
export default {
  name: '',
  props: {
    headerList: {
      type: Array,
      default: () => [],
    },
    dataList: {
      type: Array,
      default: () => [],
    },
  },
  watch: {
    dataList(newData) {
      this.config = {
        header: this.headerList,
        headerHeight: 30,
        data: newData,
        index: false,
        columnWidth: [80, 80, 140],
        align: ['left'],
        // headerBGC: '#0b9acf',
        headerBGC: '#06144f',
        oddRowBGC: '#06144f',
        evenRowBGC: '#15235c',
        waitTime: '5000',
        rowNum: 7,
      }
    },
  },
  data() {
    return {
      config: null,
    }
  },
  mounted() {},
  methods: {},
}
</script>

<style lang="less" scoped>
.table {
  padding: 0vh 1vh;
}
</style>
